草庐IT

UI 自动化测试

全部标签

javascript - Material UI 组件引用不起作用

我正在构建一个小聊天应用程序。我使用MaterialUITextField来输入用户消息。但我不能引用它。我读到了这个。他们说他们不支持refs。这是我的代码。并且有效。classAppextendsComponent{constructor(){super();this.state={q:"default"};}handleChanges(val){this.setState({q:val});}handleSearch(val){this.setState({q:val});console.log(this.state.q);}render(){return({this.state

javascript - 我无法在 Material-UI 中编辑文本字段

我使用Material-UI开发了一个ReactApp,然后我尝试创建独立组件,检查以下独立组件(),render(){return({/**/});}我试过这样使用组件,但我不能用这种方式更新输入字段。也没有错误。我该如何解决这个问题?我想更新我的输入字段。请检查我在下图中提交的输入: 最佳答案 因为您正在使用value属性控制TextField的值,但您没有使用onChange函数更新该值,因为valueTextField没有改变,所以它变成只读的。解决方案:用TextField指定onChange函数并更新其中的值,像这样:内

javascript - 如何在 Jest 中测试类构造函数

假设我有一个类如下:classSomeClass{constructor(a,b){this.a=a;this.b=b;}}我如何通过Jest测试构造函数是否以正确的方式初始化?说...this.a=a和this.b=b而不是相反?我知道我可以执行toBeCalledWith但这不会让我检查构造函数的逻辑。我也在考虑制作mockImplementation但在这种情况下它似乎毫无意义,因为我将重写逻辑,或者我可能没有意识到创建模拟的所有细微差别 最佳答案 只需创建一个对象的实例并直接检查它。由于它将它们设置在this上,因此它们本质

javascript - JQuery UI Draggable - 如何知道元素是否已初始化为可拖动?

我的逻辑是if(!this.draginited())//adrag-disabledelementshouldn'tgetpasshere,asitisinitedthis.draggable({...})我搜索了很多,找不到实现这个逻辑的方法,有什么想法吗? 最佳答案 也许有更简单的方法,但是docs说:Draggableelementsgetsaclassofui-draggable所以你可以这样做:if(!$("#foo").hasClass("ui-draggable")){...}总结一下(未经测试):$.fn.isDr

javascript - 如何自定义(或禁用)JQueryMobile 中的自动 "back"按钮

是否可以自定义(或简单地禁用)JQueryMobile中的自动“后退”按钮? 最佳答案 我想你正在寻找这个:http://jquerymobile.com/demos/1.0a3/#docs/toolbars/docs-headers.html要禁用它,只需在页面的标题div中包含data-backbtn="false"。 关于javascript-如何自定义(或禁用)JQueryMobile中的自动"back"按钮,我们在StackOverflow上找到一个类似的问题:

javascript - jQuery UI Slider -> 支持鼠标滚轮?

你可能已经知道我是jQuery的新手,所以不属于这个主题的代码改进仍然是非常允许的。这是我的HTML代码:Bananas:这是我可怕的js代码:$("#bananas").slider({orientation:"vertical",range:"min",min:0,max:100,value:20,step:5,slide:function(event,ui){$("#bananas_amount_percent").val(ui.value+"%");//thecodedisplaysapercentagebystandart,butIneedtherealvalue,too:v

javascript - 用 Jasmine 测试 jQuery Hover

我应该如何使用Jasmine测试jQuery悬停操作?我的jQuery看起来像$('.class').hover(function(){$('#someid').hide();},function(){$('#someid').show();});我如何使用jasmine模拟移动悬停Action并期望“someid”元素被隐藏和显示? 最佳答案 您应该能够直接触发鼠标悬停事件,然后测试适当的行为:it("shoulddosomethingonhover",function(){$('.class').trigger('mouseov

javascript - jsPerf.com Chrome 的 node.js 基准测试结果是否可靠?

我想知道你会怎么想使用jsperf.comChrome测试结果作为node.js性能的基准,因为它们都使用V8引擎。 最佳答案 您可以使用Benchmark.js反而。它是jsPerf的强大动力,也适用于Node.js。 关于javascript-jsPerf.comChrome的node.js基准测试结果是否可靠?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/9297440/

javascript - AngularJS ui 日期格式

所以我有:效果很好。div日历'date2'将跟随其先前的ui-date输入的变化,即'date1'输入框。AngularUI做得很好,当你在一个页面中存在多个input+div日历时,想象一个旅行社预订页面,'date4'将自动与'date3'分组,'date6'将自动与'date5'分组...ETC。干得好。但是,在我的示例代码中仅适用于带有反斜杠分隔符“MM/dd/yyyy”的美国格式。我的问题是,如何更改默认输入日期格式?如果我想将iso-8601'yyyy-MM-dd'作为我的输入,ui-date似乎无法将其识别为有效输入。我试过了ui-date="yyyy-MM-dd"它似

javascript - 如何在 Protractor 测试中使用 browser.getCurrentUrl()?

我今天一直在为这几行Protractor代码苦苦挣扎:element(by.linkText("People")).click();browser.waitForAngular();varurl=browser.getCurrentUrl();...看起来getCurrentUrl放在waitForAngular()语句之后总是失败。错误输出太模糊:UnknownError:javascripterror:documentunloadedwhilewaitingforresult那么,单击超链接并检查新url的正确方法是什么?这是我的测试:如果我在点击链接之前getCurrentUrl